Gulp

gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.


Installing Gulp

In order to utilize Gulp you will need to have installed Node.js on your computer. Also insure that you have NPM (node packaged modules) installed.

Run the following commands

  • Install gulp globally by running the command npm install -g gulp
  • Navigate to the root directory of your project, then run npm install.


Once you have succesfully setup now you can use MegaDin Gulp CLI commands to automate your task.


Commands

gulp build

This will automatically create and minify your assets resources like css and js into a folder called dist/

gulp watch

This will automaically compile the SASS and JS files, and minify them as well on save.

gulp serve

This will automaically connect to a local server http://localhost:8080/ and open index.html page to your default browser. And will automaically compile the SASS, JS and .html files on save.